$color: pink;
.root {
  color: $color;
}

.grid {
  width: 300px;
  margin: 0 auto;
  & > div {
    display: flex;
    height: 100px;
    & > span {
      flex: 1;
      height: 100%;
      border: 1px solid #aaa;
      line-height: 98px;
      text-align: center;
    }
  }
}

.red {
  color: red;
}

.f1 {
  font-size: 24px;
}

.f2 {
  font-size: 50px;
}

.box {
  width: 200px;
  height: 200px;
  border: 1px solid gray;
  background-color: pink;
  & > div {
    width: 100px;
    height: 100px;
    background-color: lightpink;
  }
}
